<template>
    id:{{id}} <br>
    title:{{title}} <br>
    content:{{content}} <br>
</template>
<script setup lang="ts">
defineProps(["id","title","content"])
//通过 toRefs 将整个对象的所有属性都提取出来，并保持它们的响应式。
// import {toRefs} from 'vue'
// import {useRoute} from 'vue-router'
// //hock命名规则需要被使用，赋值变量
// let route = useRoute()
// //结构响应式属性，属性从此失去响应式
// let {query} = toRefs(route);
</script>